<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>分类</title>
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/classify.css" />
	</head>

	<body>
		<div class="wrap">
			<!--头  S-->
			<header class="clear_fix">
				<button class="back-btn fl">Back</button>
				<div class="select fr">
					<select>
						<option value="gz">广州市</option>
						<option value="sz">深圳市</option>
						<option value="dg">东莞市</option>
					</select>
				</div>
				<div class="fenlei">分类</div>
			</header>
			<!--头  E-->

			<!--S-->
			<section>
				<div class="fenlei-box clear_fix">
					<div class="img-box fl">
						<a href=""><img src="img/classify/classify (1).png" /></a>
						<p>美食</p>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/classify (4).png" /></a>
						<p>电影</p>
					</div>
					<div class="img-box fr">
						<a href=""><img src="img/classify/classify (2).png" /></a>
						<p>唱歌</p>
					</div>
					<div class="img-box fr">
						<a href=""><img src="img/classify/classify (3).png" /></a>
						<p>运动</p>
					</div>
				</div>

				<div class="hot-title clear_fix">
					<span class="fl"><i class="iconfont icon-xinghao"></i> 美食类</span>
					<span class="fr">更多 <i class="iconfont icon-arrow-circle-o-right"></i></span>
				</div>

				<div class="imgs-box clear_fix">
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (1).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (4).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (2).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (4).png" /></a>
					</div>
				</div>

				<div class="hot-title clear_fix">
					<span class="fl"><i class="iconfont icon-xinghao"></i> 运动类</span>
					<span class="fr">更多 <i class="iconfont icon-arrow-circle-o-right"></i></span>
				</div>

				<div class="imgs-box clear_fix">
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (1).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (4).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (2).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (4).png" /></a>
					</div>
				</div>
				<div class="hot-title clear_fix">
					<span class="fl"><i class="iconfont icon-xinghao"></i> 电影类</span>
					<span class="fr">更多 <i class="iconfont icon-arrow-circle-o-right"></i></span>
				</div>

				<div class="imgs-box clear_fix">
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (1).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (4).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (2).png" /></a>
					</div>
					<div class="img-box fl">
						<a href=""><img src="img/classify/foods (4).png" /></a>
					</div>
				</div>
			</section>
			<!--E-->

			<!--底  S-->
			<footer>
				<div class="fl foot-nav">
					<a href="index.html">
						<i class="iconfont icon-home1"></i>
					</a>
					<p>首页</p>
				</div>
				<div class="fl foot-nav">
					<a href="classify.html">
						<i class="iconfont icon-category"></i>
					</a>
					<p>分类</p>
				</div>
				<div class="fl foot-nav">
					<a href="discover.html">
						<i class="iconfont icon-compasszhinanzhen"></i>
					</a>
					<p>发现</p>
				</div>
				<div class="fl foot-nav">
					<a href="my.html">
						<i class="iconfont icon-rentou"></i>
					</a>
					<p>我的</p>
				</div>
			</footer>
			<!--底  E-->
			<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
		</div>
	</body>

</html>